<template>
    <h1>子组件:{{ len }}</h1>
    <h1>{{ todos }}</h1>
    <button @click="emit('clear')">断开引用</button>
</template>
  
<script setup>
import { computed  } from 'vue'
let { todos } = defineProps({ todos: Array })

let len = computed(() => {
    return todos.length
})
// watchEffect(()=>{
//     console.log(todos.length);
// })
// 子传父
let emit = defineEmits(['clear'])

</script>